<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理企业基本信息</title>
    <link rel="stylesheet" href="../css/personal_center.css">
    <link rel="stylesheet" href="../css/flex.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/style_zj.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
</head>
<body>
<!--<div id="header_01_html">
    <iframe id="header_01" src="head_01.html" frameborder="0"></iframe>
</div>-->
<div class="content-box">
    <!--<div id="left_tab_html">
        <iframe id="left_tab" src="left_tab.html" frameborder="0"></iframe>
    </div>-->
    <div class="right-box layui-form">
        <div class="friend-tips">
            <div class="title-box"><i class="icon-sty"></i><b class="title-tip">温馨提示</b></div>
            <div class="info-list">1、请正确填写以下信息，我们将尽快为您审核！</div>
            <div class="info-list">2、*为必填项，同时提示您尽量完整，详细的填写以下信息，以提高广大配件人对您所发信息的关注度</div>
        </div>
        <div class="content-admin" id="content-adminId" style="margin-bottom: 20px;">
            <!--<div class="title-toggle js-getType">-->
            <!--<div class="item active1 item-sty1" data-type="0">发布供应信息信息</div>-->
            <!--<div class="item item-sty1" data-type="1">发布求购信息</div>-->

            <div class="title-toggle">
                <div class="item" :class="getIsActive(1)" @click="showBaseInfoTab = true">管理企业基本信息</div>
                <div class="item" :class="getIsActive(2)" @click="showBaseInfoTab = false">修改联系方式</div>
            </div>
            <!-- 管理企业信息 -->
            <div class="enterprise-info-tab-content" id="enterprise-info" v-if="showBaseInfoTab">
                <div class="input-box1">
                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">公司名称</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入公司名称" class="layui-input">
                        </div>
                    </div>
                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">用户类型</span></div>
                        <div class="right-v clearfix">
                            <select name="userType" lay-filter="userType">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">主营行业</span></div>
                        <div class="right-v clearfix" style="width: 63%;margin-top: 8px;">
                            <div class="fl mr-60" v-for="(ind,indI) in industryList" :key="indI">
                                <input type="checkbox" name="" :title="ind.name" lay-skin="primary" >
                                <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary">
                                    <span>{{ ind.name}}</span>
                                    <i class="layui-icon layui-icon-ok"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">主营产品</span></div>
                        <div class="right-v clearfix" style="width: 64%;margin-top: 6px;">
                            <span class="product-name-length">填写主营产品，每个产品字数不能超过8个字</span>
                            <div class="product-input-wrapper">
                                <input type="text" name="" lay-verify="title" autocomplete="off"
                                        placeholder="" class="layui-input"
                                       v-for="(input, inputI) in productInput" :key="input" :id="'productName-'+ input">
                            </div>
                        </div>
                    </div>
                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">主营类目</span></div>
                        <div class="right-v clearfix" style="width: 64%;">
                            <div class="add-btn-wrapper font18">
                                <img src="../img/add_child.png" alt="">
                                <span>添加您的主营类目</span>
                                <span class="customer-add-total">(<span class="theme-color">6</span>/10)</span>
                            </div>
                            <div class="customer-add-list font18">
                                <div class="add-item" v-for="(p, pI) in mainProductList" :key="p.id"
                                     style="display: inline-block">
                                    <div class="flex-row-space-between">
                                        <span>{{p.name }}</span>
                                    <img src="../img/personal-center/delete-for-list.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><div class="li clearfix">
                        <div class="left-k"><span class="text-sty1">辅营类目</span></div>
                        <div class="right-v clearfix" style="width: 64%;">
                            <div class="add-btn-wrapper font18">
                                <img src="../img/add_child.png" alt="">
                                <span>添加您的辅营类目</span>
                                <span class="customer-add-total">(<span class="theme-color">6</span>/10)</span>
                            </div>
                            <div class="customer-add-list font18">
                                <div class="add-item" v-for="(p2, pI2) in auxiliaryProductList" :key="p2.id"
                                     style="display: inline-block">
                                    <div class="flex-row-space-between">
                                        <span>{{p2.name }}</span>
                                    <img src="../img/personal-center/delete-for-list.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">主营车型/品牌</span></div>
                        <div class="right-v clearfix" style="width: 64%;">
                            <div class="add-btn-wrapper font18">
                                <img src="../img/add_child.png" alt="">
                                <span>添加您的主营车型/品牌</span>
                                <span class="customer-add-total">(<span class="theme-color">6</span>/10)</span>
                            </div>
                            <div class="customer-add-list font18">
                                <div class="add-item" v-for="(p3, pI3) in brandList" :key="p3.id"
                                     style="display: inline-block">
                                    <div class="flex-row-space-between">
                                        <span>{{p3.name }}</span>
                                    <img src="../img/personal-center/delete-for-list.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="li clearfix">
                        <div class="left-k"><span class="text-sty1">辅营车型品牌</span></div>
                        <div class="right-v clearfix" style="width: 64%;">
                            <div class="add-btn-wrapper font18">
                                <img src="../img/add_child.png" alt="">
                                <span>添加您的辅营车型品牌</span>
                                <span class="customer-add-total">(<span class="theme-color">6</span>/10)</span>
                            </div>
                            <div class="customer-add-list font18">
                                <div class="add-item" v-for="(p4, pI4) in auxiliaryBrandList" :key="p4.id"
                                     style="display: inline-block">
                                    <div class="flex-row-space-between">
                                        <span>{{p4.name }}</span>
                                    <img src="../img/personal-center/delete-for-list.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span-btn-wrapper">
                        <span class="release-btn1">确认修改</span>
                    </div>
                </div>
            </div>

            <!-- 修改联系方式 -->
            <div class="enterprise-info-tab-content" id="enterprise-contact" v-if="!showBaseInfoTab">
                <div class="input-box1">
                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">真实姓名</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入真实姓名" class="layui-input">
                        </div>
                    </div>
                     <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">电子邮箱</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入电子邮箱" class="layui-input">
                        </div>
                    </div>

                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">手机号码</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入手机号码" class="layui-input">
                        </div>
                        <div style="display: inline-block;vertical-align: top;margin-top: 9px;">
                            <input type="checkbox" name="" title="公开手机" lay-skin="primary" checked>
                            <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary">
                                <span>公开手机</span>
                                <i class="layui-icon layui-icon-ok"></i>
                            </div>
                        </div>
                    </div>

                    <div class="li clearfix">
                        <div class="left-k"><span class="text-sty1">固定电话</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入固定电话" class="layui-input">
                        </div>
                    </div>

                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4"></span><span class="text-sty1">传真</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入传真" class="layui-input">
                        </div>
                    </div>

                    <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4">*</span><span class="text-sty1">详细地址</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入详细地址" class="layui-input">
                        </div>
                    </div>

                     <div class="li clearfix">
                        <div class="left-k"><span class="col-ff4"></span><span class="text-sty1">公司官网</span></div>
                        <div class="right-v clearfix">
                            <input type="text" name="companyName" lay-verify="companyName" autocomplete="off"
                                   placeholder="请输入公司官网" class="layui-input">
                        </div>
                    </div>

                    <div class="span-btn-wrapper">
                        <span class="release-btn1">确认修改</span>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>

<!--<div>
    <iframe src="footer-record.html" style="width: 100%;border: none;height:60px;"></iframe>
</div>-->
<script src="../js/config.js"></script>
<script>

    var personalManageVue = new Vue({
        el: '#content-adminId',
        data: {
            industryList: [{id: 1, name: '商用车配件'}, {id: 2, name: '乘用车配件'}, {id: 3, name: '工程机械车配件'}, {
                id: 4,
                name: '整车及专用车'
            }, {id: 4, name: '其他'}],
            productInput:[1,2,3,4,5,6,7,8],
            mainProductList:[{id:1,name:'差速器'},{id:2,name:'差速器'},{id:3,name:'差速器'},{id:4,name:'差速器'},{id:5,name:'差速器'},{id:6,name:'差速器'},{id:7,name:'差速器'},{id:8,name:'差速器'}],
            auxiliaryProductList:[{id:1,name:'差速器'},{id:2,name:'差速器'},{id:3,name:'差速器'},{id:4,name:'差速器'},{id:5,name:'差速器'},{id:6,name:'差速器'},{id:7,name:'差速器'},{id:8,name:'差速器'}],
            brandList:[{id:1,name:'差速器'},{id:2,name:'差速器'},{id:3,name:'差速器'},{id:4,name:'差速器'},{id:5,name:'差速器'},{id:6,name:'差速器'},{id:7,name:'差速器'},{id:8,name:'差速器'}],
            auxiliaryBrandList:[{id:1,name:'差速器'},{id:2,name:'差速器'},{id:3,name:'差速器'},{id:4,name:'差速器'},{id:5,name:'差速器'},{id:6,name:'差速器'},{id:7,name:'差速器'},{id:8,name:'差速器'}],
            showBaseInfoTab: true,
            productStatusSum:{
                inSale:"",
                forceOffSale:""
            },
            loginCount:""
        },
        mounted:function(){
            this.getStoreStatistics();
        },
//        mounted() {
//            this.getStoreStatistics();
//        },
        methods: {
            getIsActive: function(arg){
                if(arg == 1 && this.showBaseInfoTab){
                    return "active"
                }else if (arg == 2 && !this.showBaseInfoTab){
                    return "active"
                }
                return  '';
            },
            getStoreStatistics: function () {
                get_ajax('/sys/store/statistics', {},
                    function (data) {
                        console.log(data);
                        personalManageVue.pageViews = data.pageViews;
                        personalManageVue.productStatusSum.inSale = data.onOffer;
                        personalManageVue.productStatusSum.forceOffSale = data.undercarriage;
                        personalManageVue.loginCount = data.goodsFollow;
                    }
                );
            }
        }
    });
</script>
</body>
</html>